<template>
    <view class="index">
        <nut-backtop>
            <template v-slot:content>
                <Coupon-Box />
            </template>
        </nut-backtop>
    </view>
</template>

<script>
import { reactive, toRefs } from 'vue';
import couponBox from './components/couponBox.vue';
export default {
    name: 'detailPage',
    components: {
        'Coupon-Box': couponBox,
    },
    setup() {
        const state = reactive({

        });

        return {
            ...toRefs(state),

        }
    }
}
</script>

<style lang="scss" scoped>
.index {
    font-family: "Avenir", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #F9F9F9 !important;
    position: relative;
    padding-bottom: 100rpx;
}
</style>
